/**
 *
 * @returns
 * 1. 整体组件布局
 * 2. 单个组件布局panel 组件
 * 3. 布局数据引入
 */

import { compsJson } from './lc_components.js'
import Rasterize from './rasterize/index';
import Panel from './panel/index'
import './style.less'
import lcData from './lcData.json'
console.log('compsJson:', lcData['stiffWoodCategory'])

const HomePage = () => {
  return <div id="lc-project">

    <main className="app-container">
      {/* <div className="app-container-inner"> */}
        <div className="lc-app">

          <Rasterize col={compsJson.col} row={compsJson.row}>
            {
              compsJson?.data.map(item => {
                console.log('item----item:', item)
                return <Panel
                boderDebugger={false}
                dataValue={lcData['stiffWoodCategory']}
                property={item}
                key={item.id}
                ></Panel>
              })
            }
          </Rasterize>
        </div>
      {/* </div> */}
    </main>
  </div>
}

export default HomePage;
